<template>
  <footer>
      <footer>
        <div v-for="(item,index) in navdata" :key='index'>
            <router-link :to="{name:item.name}">
                <van-icon :name="item.icon" />
                <span>{{item.text}}</span>
				<!-- <p class="hot" >8</p> -->
				<!-- <van-tag class="hot" v-if="item.hot" :color="$route.name==item.name?'#ff5f16':'#999'"> {{8}}</van-tag> -->
            </router-link>
        </div>
    </footer>
  </footer>
</template>

<script>
export default {
name:'myfoot'
}
</script>

<style>
footer{
	position:fixed;
	width:100%;
	height:45px;
	left:0;
	bottom:0;
	background:#fff;
	display:flex !important;
    z-index:3000;
    border-top:0.5px solid #b9b9b9;
    }
footer div{
    flex:1;
    height:45px;
}
footer a{
    display: block;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    padding:3px 0;
    text-align:center;
    font-family:"微软雅黑";
    color:#999;
    position: relative;
}
footer i{
    width:100%;
    height:20px;
    line-height:20px;
    font-size:18px !important;
}
footer span{
    
    width:100%;
    height:19px;
    line-height:19px;
    font-size:14px;
			
}
.hot{
    position: absolute;
    top:3px;
    left:60%;
    display: inline-block;
    width:20px;
    height:16px;
    font-size:12px;
    line-height: 16px;
    border-radius: 50%;
    color:#fff;
}
.nav-active,.router-link-exact-active,.router-link-active{
    color:#fb7299;
    border-color:#fb7299;
		}
</style>